<?php
session_start();

 if (isset($_SESSION['userid'])){ 
    echo "<meta http-equiv = refresh ; content = '0 ; url = index.php'>";
    exit();
 }

 
$_SESSION['security_number']=rand(10000,99999);


?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>REGISTER</title>


<script src="js/jquery-1.4.4.min.js" type="text/javascript" ></script>
<script src="js/jquery-ui-1.8.9.custom.min.js" type="text/javascript" ></script>
<script src="js/js_tool_ui.js" type="text/javascript" ></script>
<script src="js/jquery.blockUI.js"></script>
<script src="js/ui/jquery.ui.core.js"></script>
<script src="js/ui/jquery.ui.widget.js"></script>
<script src="js/ui/jquery.ui.mouse.js"></script>
<script src="js/ui/jquery.ui.button.js"></script>
<script src="js/ui/jquery.ui.position.js"></script>
<script src="js/ui/jquery.ui.dialog.js"></script>

<link rel="stylesheet" media="screen" href="css/reset.css" />
<link rel="stylesheet" media="screen"  href="css/grid.css" />
<link rel="stylesheet" media="screen"  href="css/forms.css" />
<link rel="stylesheet" media="screen"  href="css/style.css" />
<link rel="stylesheet" media="screen" href="css/messages.css" />
<link rel="stylesheet" media="screen"  href="css/main.css" />
<link rel="stylesheet" media="screen"  href="css/myStyle.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.22.custom.css" />

<script type="text/javascript"> 
    var a="";
    var s_cc="";
    var s_code=<?php echo $_SESSION['security_number']; ?>;
    
    $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
    
</script>

<script src="js/js_register.js"></script>

</head>

<body>

   <!-- Begin Wrapper -->
   <div id="wrapper">
        
         <!-- Begin Navigation -->
         <div id="navigation">
            <span class="logo"><img src="images/logo.jpg" alt="" width="360" height="100" /></span>  
            <span class="menu">
            <ul style="padding:0;">
                <li><a href="index.php">หน้าหลัก</a></li>
                <li><a href="payment.php">วิธีการชำระเงิน  </a></li>
                <li class="btnIn" ><a href="#" class="btnLogin">เข้าสู่ระบบ </a></li>
            </ul>

            
            </span>   
         </div>
<!-- End Navigation -->
   
         <!-- Begin Header -->
          <div class="main-content">
               <section class="container_8 clearfix">
                 <div class="grid_7">
                <h3 style='color:#A6E334;font-size:22px;'>กรุณากรอกข้อมูลการลงทะเบียน</h3>
                </div>
               <div class="grid_7 clearfix">
                        <div class="message error" style="display: none" >
                            <h3>Information</h3>
                            <p>
                                                                                                                     กรุณากรอกข้อมูลให้ครบถ้วน
                            </p>
                        </div>
                  </div>
                 <div class="grid_7">
                      <form id="form" class="form" method="post" novalidate="novalidate">
                                
                                <div class="clearfix">
                                    <label>Username</label>
                                    <input type="text" id="txtUsername" name="txtUsername" class="large" maxlength="20" style="width:400px;" >
                                </div>
                                
                                <div class="clearfix">
                                    <label>Password</label>
                                    <input type="password" id="txtPassword" name="txtPassword" class="large" maxlength="20" style="width:400px;" >
                                </div>
                                <div class="clearfix">
                                    <label>Confirm Password</label>
                                    <input type="password" class="large" id="txtConfirmpassword" name="txtConfirmpassword" maxlength="20" style="width:400px;">
                                </div>          
                                <div class="clearfix">
                                    <label>อีเมล์ </label>
                                    <input type="email" class="large" name="txtEmail" id="txtEmail" maxlength="50" placeholder="customer@mail.com" style="width:400px;" >
                                </div>              
                                <div class="clearfix">
                                <label style="margin-top:0px;"> <img src="image.php" alt="Capcha image"></label>
                                    <input type="text" class="large" name="sscode" id="sscode" maxlength="5" style="width:100px;">
                                </div>
                        
                                 <div class="action clearfix">
                                    <button class="large button button-green" type="button" id="btnRegister">สมัตรสมาชิก</button>
                                    <button class="large button button-gray" type="reset" id="btnReset">ยกเลิก</button>
                                </div>
                                     </form>
                      
                 </div>
                  
                
                
               </section>
           </div>
         <!-- End Header -->
 
         <!-- Begin Footer -->
          <span class="footermenu">
         <a href="index.php">หน้าหลัก</a> I <a href="payment.php">วิธีการชำระเงิน</a> I 
         <a href="javascript:void(0);" class="btnLogin"  >เข้าสู่ระบบ </a>
 
               <br />
www.copyhidef.com
         </span>
         <!-- End Footer -->
         
   </div>
   <!-- End Wrapper -->
   <!-- Login -->
<div id="dialog-form" title="Login">
    <p class="validateTips">*All form fields are required.</p>
    <br/>
        <table width="100%" cellspacing="5">
            <tr>
                <td style="height:30px;">Username</td>
                <td>:&nbsp;<input type="text" name="txtUsername" id="txtUsername" style="padding:2px;"  /></td>
            </tr>
            <tr>
               <td>Password</td>
                <td>:&nbsp;<input type="password" name="txtPassword" id="txtPassword" style="padding:2px;" /></td>
                
            </tr>
            
        </table>

</div>   
   
<!-- overlayed element -->
<div class="apple_overlay" id="overlay">
  <!-- the external content is loaded inside this tag -->
  <div class="contentWrap"></div>
</div>
</body>
</html>
